<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>数据资源目录服务系统</title>
<meta
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
	name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />


<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<header class="header">
		<a href="#" class="logo"> <!-- Add the class icon to your logo image or logo icon to add the margining -->
			数据资源目录服务系统
		</a>
		<!-- Header Navbar: style can be found in header.less -->
		<nav class="navbar navbar-static-top" role="navigation">
			<!-- Sidebar toggle button-->
			<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas"
				role="button"> <span class="sr-only">Toggle navigation</span> <span
				class="icon-bar"></span> <span class="icon-bar"></span> <span
				class="icon-bar"></span>

			</a>
			<div class="navbar-right">
				<ul class="nav navbar-nav">

					<!-- Messages: style can be found in dropdown.less-->

					<!-- Notifications: style can be found in dropdown.less -->

					<!-- Tasks: style can be found in dropdown.less -->

					<!-- User Account: style can be found in dropdown.less -->
					<li class="dropdown user user-menu"><a href="#"
						class="dropdown-toggle" data-toggle="dropdown"> <i
							class="glyphicon glyphicon-user"></i> <span>管理员 <i
								class="caret"></i></span>
					</a>
						<ul class="dropdown-menu">
							<!-- User image -->
							<li class="user-header bg-light-blue"><img
								src="img/avatar5.png" class="img-circle" alt="User Image" />
								<p>
									管理员<small></small>
								</p></li>
							<!-- Menu Body -->
							<li class="user-body">
								<div class="col-xs-4 text-center">
									<a href="#"></a>
								</div>
								<div class="col-xs-4 text-center">
									<a href="#"></a>
								</div>
								<div class="col-xs-4 text-center">
									<a href="#"></a>
								</div>
							</li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="#" class="btn btn-default btn-flat">属性</a>
								</div>
								<div class="pull-right">
									<a href="#" class="btn btn-default btn-flat">退出</a>
								</div>
							</li>
						</ul></li>
				</ul>
			</div>
		</nav>
	</header>
	<div class="wrapper row-offcanvas row-offcanvas-left"
		style="min-height: 425px;">
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="left-side sidebar-offcanvas">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<div class="user-panel">
					<div class="pull-left image">
						<img src="img/avatar5.png" class="img-circle" alt="User Image" />
					</div>
					<div class="pull-left info">
						<p></p>

						<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>
			<!-- 	<!-- search form -->
				<!-- <form action="#" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control"
							placeholder="Search..." /> <span class="input-group-btn">
							<button type='submit' name='seach' id='search-btn'
								class="btn btn-flat">
								<i class="fa fa-search"></i>
							</button>
						</span>
					</div>
				</form>  -->
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu">
					<li><a href="./index.jsp"> <i class="fa fa-folder"></i> <span>数据资源目录</span>
					</a></li>
					<li><a href="data-entrying.jsp"> <i class="fa fa-edit"></i>
							<span>元数据录入</span> <!--  <small class="badge pull-right bg-green">new</small> -->
					</a></li>
					<li class="active"><a href="#"> <i class="fa fa-search"></i>
							<span>数据搜索</span> <small class="badge pull-right bg-green"></small>
					</a></li>

					</li>
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					<small></small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
					<li class="active">数据搜索</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="container-fluid">
					<div class="row-fluid">

						<div id="searchArea" class="col-md-12">
							<div class="tabbable" id="tabs-629606">
								<ul class="nav nav-tabs">
									<li class="active"><a href="#panel-923855"
										data-toggle="tab">简单检索</a></li>
									<li><a href="#panel-724453" data-toggle="tab">复合检索</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="panel-923855">
										<div class="box box-solid box-primary">
											<div class="box-header"></div>
											<div class="box-body table-responsive">
												<form class="form-horizontal" role="form">
													<!-- text input -->

													<div class="form-group">
														<label class="col-sm-4 control-label" for="ds_host"
															style="font-weight: normal; text-align: right">检索词</label>
														<div class="col-sm-8">
															<input class="form-control" id="easy_mdname" type="text"
																placeholder="" />
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-4 control-label" for="ds_name"
															style="font-weight: normal;">结果排列方式</label>
														<div class="col-sm-8">
															<select class="form-control" id="easy_sj">
																<option value="1">时间升序</option>
																<option value="0">时间降序</option>
															</select>
														</div>
													</div>
												</form>
											</div>

											<div class="box-footer" style="text-align: center;">
												<button id="easySearch" type="button"
													class="btn btn-primary ">搜索</button>
											</div>
										</div>
									</div>

									<div class="tab-pane " id="panel-724453">
										<!-- 复杂检索 -->
										<div class="box box-solid box-primary">
											<div class="box-header"></div>
											<!-- /.box-header -->
											<div class="box-body table-responsive">
												<form class="form-horizontal" role="form">

													<div class="form-group">
														<label class="col-sm-2 control-label"
															style="font-weight: normal; text-align: right">元数据名称</label>
														<div class="col-sm-6">
															<input id="Metaname" class="form-control" type="text"
																placeholder="" />
														</div>
													</div>

													<div class="form-group">
														<label class="col-sm-2 control-label"
															style="font-weight: normal; text-align: right">关键字</label>
														<div class="col-sm-6">
															<input id="keyword" class="form-control" type="text"
																placeholder="" />
														</div>
													</div>

													<div class="form-group">
														<label class="col-sm-2 control-label"
															style="font-weight: normal; text-align: right">摘要</label>
														<div class="col-sm-6">
															<input id="abstracts" class="form-control" id="ds_host"
																type="text" placeholder="" />
														</div>
													</div>

													<div class="form-group">
														<label class="col-sm-2 control-label"
															style="font-weight: normal; text-align: right">创建单位</label>
														<div class="col-sm-6">
															<input id="buildUnit" class="form-control" id="ds_host"
																type="text" placeholder="" />
														</div>
													</div>

													<div class="form-group">
														<label class="col-sm-2 control-label" for="ds_name"
															style="font-weight: normal; text-align: right">排列方式</label>
														<div class="col-sm-4">
															<select class="form-control" id="sj">
																<option value="1">时间升序</option>
																<option value="0">时间降序</option>
															</select>
														</div>
													</div>
												</form>
											</div>
											<div class="box-footer" style="text-align: center;">
												<button id="complexSearch" type="button"
													class="btn btn-primary ">搜索</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="resComplex" class="col-md-12" style="display: none">
						<div class="box box-solid box-primary">

							<div class="box-header col-md-12">
								<h3 class="box-title col-md-11">检索结果展示</h3>
								<h3 id="goback" class="box-title col-md-1" align="right"
									style="cursor: pointer">返回</h3>
							</div>
							<div class="box-body table-responsive">
								<table class="table">
									<tr align="center">
										<td class="col-md-1">序号</td>
										<td>元数据名称</td>
										<td>关键字</td>
										<td>摘要</td>
										<td>创建单位</td>
										<td>操作</td>
									</tr>
									<tbody id="showSerachResult" align="center"></tbody>
								</table>
							</div>
						</div>
					</div>
					<div id="mljg" class="col-md-12" style="display: none">
						<div class="box box-solid box-primary">

							<div class="box-header col-md-12">
								<h3 class="box-title col-md-11">检索结果展示</h3>
								<h3 id="goback2" class="box-title col-md-1" align="right"
									style="cursor: pointer">返回</h3>
							</div>
							<div class="box-body table-responsive">
								<table class="table table-bordered table-hover " id="shows">

						      </table>
							</div>
						</div>
					</div>
					<div id="mljg2" class="col-md-12" style="display: none">
						<div class="box box-solid box-primary">

							<div class="box-header col-md-12">
								<h3 class="box-title col-md-11">检索结果展示</h3>
								<h3 id="goback3" class="box-title col-md-1" align="right"
									style="cursor: pointer">返回</h3>
							</div>
							<div class="box-body table-responsive">
								<table class="table table-bordered table-hover " id="shows2">

						      </table>
							</div>
						</div>
					</div>
					<!-- <div id="mljg" style="display: non">
						<table class="table table-bordered table-hover " id="shows">

						</table>
						<div style="text-align: center;">
							<button class="btn btn-primary " onclick="closed()">关闭</button>
						</div>
					</div>
 -->



				</div>


			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->


	<!-- jQuery 2.0.2 -->
	<script src="js/jquery.min.js"></script>


	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/jStringBuffer.js" type="text/javascript"></script>
	<!-- AdminLTE App -->
	<script src="js/AdminLTE/app.js" type="text/javascript"></script>
	<script type="text/javascript" src="myjs/sjss.js"></script>
	<script type="text/javascript" src="myjs/queren.js"></script>
</body>
</html>